import { Menu, Layout } from 'antd'
import { HomeFilled } from '@ant-design/icons'
const { Header } = Layout

export default function NavBar() {
  return (
    <Header style={{ position: 'fixed', zIndex: 1, width: '100%', background: '#FFF' }}>
      <div className="logo">
        <img className="logo-icon" src="https://dig.chouti.com/images/logo-c30a1a3941.png" alt="logo-icon" />
        <img className="logo-txt" src="https://dig.chouti.com/images/logo_txt-06bb1545d4.png" alt="logo-txt" />
      </div>
      <Menu theme="light" mode="horizontal">
        <Menu.Item icon={<HomeFilled />} key="home">
          首页
        </Menu.Item>
        <Menu.Item key="sp">专区</Menu.Item>
        <Menu.Item key="mankind">人类发布</Menu.Item>
        <Menu.Item key="video">视频</Menu.Item>
        <Menu.Item key="discovery">发现</Menu.Item>
        <Menu.Item key="topics">话题</Menu.Item>
      </Menu>
    </Header>
  )
}
